﻿{% extends "index.html" %}
{% load i18n %}
{% load thumbnail %}

{% block style_button2 %}button2-selected{% endblock %}

{% block main_content %}
        <div class="top2" align="center">
            <img src="/s/img/top2.jpg">
        </div>
        <div class="P6">
            <content_6>
            Услуги фотографа в Харькове      
            </content_6>
        </div>
         <div class="n">
        <n1>
            нажмите на фотографию для увеличения   
        </n1>        
        </div>       
        <div class="gallery" align="center">
            <div class="navigation">
                <input type="button" class="buttonL" onclick="javascript:stepcarousel1.stepBy('mygallery2', -1); " />               
                <input type="button" class="buttonR" onclick="javascript:stepcarousel1.stepBy('mygallery2', 1); " />
            </div>       
        
            <div id="mygallery2" class="stepcarousel1">
                <div class="belt2">
        {% for photo in gallery.galleryphoto_set.all %}
                    <div class="panel2">
                    <a href="/s/{{ photo.photo.name}}" rel="lightbox[road]">
                        <img src="{{ photo.photo.name|thumbnail:"width=640,height=427" }} " border="0" />                      
                    </a>    
                    </div>
        {% endfor %}
                </div>
            </div>
            
            
            <div class="navigation2">
                <input type="button" class="buttonLsm" onclick="javascript:stepcarousel.stepBy('mygallery', -4); " />
                <input type="button" class="buttonRsm" onclick="javascript:stepcarousel.stepBy('mygallery', 4); " />
            </div> 
            
            <div id="mygallery" class="stepcarousel">
                <div class="setup">
                <div class="belt">
        {% for photo in gallery.galleryphoto_set.all  %}
            {#{ photo.title }#}
            
                <div class="panel"> 
                    <img src="{{ photo.photo.name|thumbnail:"width=100,height=100" }}" 
                    onclick="javascript:stepcarousel1.stepTo('mygallery2',{{  forloop.counter }} );" />
                </div>
                
		{% endfor %}
                </div>
                </div>
            </div>
                

            
        </div>       

        

{% endblock %}

